<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$info[title]}-图库细缆|{$catinfo[cat_name]}-{$config[cfg_webname]}</title>
<link href="{$BASE_V}css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{$BASE}js/jquery.min.js"></script>
<script type="text/javascript">
jq = jQuery.noConflict(); 
jq(document).ready(function(){
	var obj_div = jQuery(".centerbar");
	var obj_list = jQuery(".centerbar ul");
	var obj_item = jQuery(".centerbar ul li");
	var len = obj_item.length;
	var item_wid = 110;
	var list_wid = item_wid * len;
	obj_list.css({width:list_wid});
	jQuery("a#btn_next").click(function(){
		var offsetleft = (obj_list.width() + parseInt(obj_list.css("margin-left")) > obj_div.width() ? (parseInt(obj_list.css("margin-left"))-item_wid) : 0);
		obj_list.stop(true,true).animate({marginLeft:offsetleft},300);
		return false;
	});
	jQuery("a#btn_prev").click(function(){
		var offsetleft = (obj_list.width() - parseInt(obj_list.css("margin-left")) > obj_div.height() ? (parseInt(obj_list.css("margin-left")) < 0 ? parseInt(obj_list.css("margin-left"))+item_wid : 0) : 0);
		obj_list.stop(true,true).animate({marginLeft:offsetleft},300);
		return false;
	});
	jQuery(".centerbar ul li a").css("cursor","pointer").click(function(){
		var src = jq(this).children("img").attr("src");
		jq("#case_name").text(jq(this).children("span").text());
		jq("#showpic a").attr("href",src);
		jq("#showpic img").attr("src",src);
		jq(".centerbar ul li img").removeClass("hover");
		jq(this).children('img').addClass("hover");
		return false;
	});
	jQuery(".centerbar ul li a").eq(0).click();
	
	

});
</script>
</head>

<body>
<!--{template inc/top}-->
<table width="940" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:15px">
  <tr>
    <!--{template inc/left_index}-->
    <td width="731" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="36" class="bai14">$info[title]</td>
        </tr>
        <tr>
          <td valign="top" ><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td id="showpic"><img src="$imgurl_array[$k]" width="710" height="450" /></td>
              </tr>
          </table>
          </td>
        </tr>
    </table>
      <table width="710" border="0" cellspacing="0" cellpadding="0" style="margin-top:15px">
        <tr>
          <td width="22"><a href="#" id="btn_prev"><img src="{$BASE_V}images/left.jpg" width="22" height="91" border=0/></a></td>
          <td bgcolor="#efefef">
          <div class="centerbar">
              <ul class="centerbarul">
              <!--{loop $imgurl_array $k $v}-->
                <li><a href="#" title="$imgtitle_array[$k]"><img src="$v" border="0" width="100" height="65"/></a></li>
              <!--{/loop}-->
              </ul>
          </div>
          </td>
          <td width="22"><a href="#" id="btn_next"><img src="{$BASE_V}images/right.jpg" width="22" height="91" border="0" /></a></td>
        </tr>
      </table></td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
